<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="../css/xiangqing.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>

<body>
    <div id="head"></div>
    <div class="tishiaa">
        <p>Nike App 超级星期五每周五中午上线独家福利，超多限时</p>
        <p>优惠和专属惊喜等你体验。前往 Nike App 收获更多精</p>
        <p>彩，<a href="#" style="text-decoration: underline;">即刻下载</a></p>
    </div>
    <div id="banxin">
        <div class="left">
            <div class="tu">
                <!-- <img src="../img/bj1.jpg" alt="">
                <div class="fdj"></div>
                <div class="jz">
                    <img src="../img/bj1.jpg" alt="">
                </div> -->
            </div>
            <ul class="ka">
                <!-- <li><img src="../img/bj1.jpg" alt=""></li>
                <li><img src="../img/bj1.jpg" alt=""></li>
                <li><img src="../img/bj1.jpg" alt=""></li>
                <li><img src="../img/bj1.jpg" alt=""></li> -->
            </ul>
        </div>
        <div class="right">
            <div class="list1">
                <!-- <p>女子运动鞋<span>￥1599</span></p>
                <h2>Nike Air VaporMax</h2>
                <h2>2020 FK</h2> -->
            </div>
            <ul class="list2">
                <!-- <li><img src="../img/bj1.jpg" alt=""></li>
                <li><img src="../img/bj1.jpg" alt=""></li>
                <li><img src="../img/bj1.jpg" alt=""></li>
                <li><img src="../img/bj1.jpg" alt=""></li> -->
            </ul>
            <p class="pp">选择尺码<span>尺码表</span></p>
            <ul class="list3">
                <li>35.5</li>
                <li>36</li>
                <li>36.5</li>
                <li>37.5</li>
                <li>38</li>
                <li>38.5</li>
                <li>39</li>
                <li>40</li>
                <li>40.5</li>
                <li>41</li>
                <li>42</li>
            </ul>
            <div class="an"><span class="jian"></span><span class="zhi">1</span><span class="jia">+</span></div>
            <button class="but1">加入购物车</button>
            <br>
            <button>收藏<i>爱心</i></button>
            <p class="pp2">
                <!-- 做前端的我们都会发现这样一个问题，当你控制文字出现多行时，而这多行是有限制的（比如超出部分隐藏不显示），而这多行文字如果全部是数字或者字母抑或是数字和字母的组合时，你会发现这些文字不会自动换行，如果控制的不对，它有可能冲出父元素… -->
            </p>
        </div>
        <h1 style="text-align: center;" class="hh1"></h1>
        <div class="neirong">
            <!-- <div>
                <img src="https://img.youpin.mi-img.com/shopmain/c28f2ea72df9f3bf595c4b32eafa78ba.jpg?w=1080&amp;h=500"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_b07fb122f84ed5994e0f0aee2dd1a504.jpeg&amp;w=1080&amp;h=1399"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_179e2a2c45475482e3b615a5a24acd99.jpeg&amp;w=1080&amp;h=663"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_772085fd5d55fc2f576c643429a8f0d1.jpeg&amp;w=1080&amp;h=1279"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_fc6fb53d1818905420b676a9c748f8a5.jpeg&amp;w=1080&amp;h=848"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_1be56f4ed6c076697f32d1e6000b2e72.jpeg&amp;w=1080&amp;h=1545"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_de046fda786abbc6a3e8e2e9a883b1ee.jpeg&amp;w=1080&amp;h=1082"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_bc79926d196ac9568eb07a7171d6aa2d.jpeg&amp;w=1080&amp;h=1172"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_a9b1b17d6e2371ea781e153c74c9cd57.jpeg&amp;w=1080&amp;h=1008"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_95d1ac0aec1df8216b652acf82202181.jpeg&amp;w=1080&amp;h=891"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_ad2fa2c82b67e0ac6ac80efe8fb2966b.jpeg&amp;w=1080&amp;h=1020"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_62beb60640b527ed45d5408e10ee80b1.jpeg&amp;w=1080&amp;h=1199"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_1bd2c776150b67cabd0bcca0cba7dceb.jpeg&amp;w=1080&amp;h=1592"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_5da78057fd12a7a64baa50b2164afdf2.jpeg&amp;w=1080&amp;h=869"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_65756a92cd769f912de29e9b8f8447e8.jpeg&amp;w=1080&amp;h=886"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_f824e8ab7ed072d8882303620df05584.jpeg&amp;w=1080&amp;h=1442"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_145143d799ba7bbacbd735a12a2d7b21.jpeg&amp;w=1080&amp;h=1454"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_bed3b7123c4128faecc69b3680b8fc4b.jpeg&amp;w=1080&amp;h=1447"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_0aa2657a59c3a92a9af4b41a3d6437ae.jpeg&amp;w=1080&amp;h=1496"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_553c05aa1881f4fd7351213d1e299f78.jpeg&amp;w=1080&amp;h=1318"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_9df9eb00ae55e96f291ec9b0704faf34.jpeg&amp;w=1080&amp;h=917"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_8b598003f9ef8207a02f7db39008c802.jpeg&amp;w=1080&amp;h=923"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_56498353bda3aaeb19c708ee9a08070a.jpeg&amp;w=1080&amp;h=1541"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_f3f18daab4b19c54586f9f7d7f597ec8.jpeg&amp;w=1080&amp;h=1080"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_688b6db1460290a97051115b4b6985cd.jpeg&amp;w=1080&amp;h=1318"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_3038273977a1cb81e4414cdf943cce57.jpeg&amp;w=1080&amp;h=1490"
                    style="width: 100%;">
                <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_cbdb28fdb50dbbf417c28218dd4048a0.jpeg&amp;w=1080&amp;h=955"
                    style="width: 100%;">
                <img src="https://img.youpin.mi-img.com/editor1/34d9309abc25227d26891dddcdf946d0.png?w=1080&amp;h=510"
                    style="width: 100%;">
            </div> -->
        </div>
    </div>
    
    <div id="footer"></div>
</body>

<script src="../js/jquery-1.11.3.js"></script>
<script src="../js/dy.js"></script>
<script src="../js/tools.js"></script>
<script src="../layui/layui.js"></script>
<script src="../js/5xiangqing.js"></script>

</html>